<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>积分配置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/index.css">
    <style>
        .mark {
            display: inline-block;
            width: 7px;
            height: 16px;
            border-radius: 3px;
            background-color: #0064FF;
            margin-right: 10px;
        }

        .flex {
            display: flex;
        }

        input::placeholder {
            color: #000;
        }

        .align-center {
            align-items: center;
        }

        .el-input.is-disabled .el-input__inner {
            background-color: #F5F7FA;
            border-color: #E4E7ED;
            color: #606266;
            cursor: not-allowed;
        }

        .el-descriptions-item__label {
            width: 300px;
        }

        .el-input-number .el-input__inner {
            text-align: left;
        }

        .el-input-number__increase,.el-input-number__decrease {
            display: none;
        }

        .el-input-group__append{
            padding: 0 5px;
        }
        input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <el-form :model="form" :rules="rules" ref="contract" inline-message="true" style="width: 100%">
            <div class="table_titel">
                <div class="titel">信誉配置</div>
            </div>
            <el-collapse style="margin-bottom: 10px;" v-model="activeNames">
                <el-collapse-item name="1">
                    <template slot="title">
                        <div class="flex align-center">
                            <i class="mark"></i>
                            <span style="font-size: 14px; font-weight: 600;">基础配置</span>
                        </div>
                    </template>
                    <el-descriptions :column="1" border size="small" style="margin-bottom: 20px;">
                        <el-descriptions-item label="信誉满分">
                            <el-form-item prop="Total">
                                <el-input-number style="width: 100%;" v-model="form.Total"  controls-position="right" :min="1"></el-input-number>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item label="均值">
                            <el-form-item prop="Variance">
                                <el-input-number style="width: 100%;" v-model="form.Variance"  controls-position="right" :min="1"></el-input-number>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item label="商品质量权重">
                            <el-form-item prop="Product_Quality">
                                <div style="display: flex;">
                                    <el-slider style="width: 200px;" :step="0.1" v-model="form.Product_Quality" :show-tooltip="false" :max="1"></el-slider>   
                                    <span style="font-size: 14px; margin: 0 10px;">{{form.Product_Quality*100}}%</span>
                                </div>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item label="交易情况权重">
                            <el-form-item prop="Transaction_Situation">
                                <div style="display: flex;">
                                    <el-slider style="width: 200px;" :step="0.1" v-model="form.Transaction_Situation" :show-tooltip="false" :max="1"></el-slider>          
                                    <span style="font-size: 14px; margin: 0 10px;">{{form.Transaction_Situation*100}}%</span>
                                </div>
                            </el-form-item>
                        </el-descriptions-item>
                        <el-descriptions-item label="客户满意权重">
                            <el-form-item prop="Customer_Satisfaction">
                                <div style="display: flex;">
                                    <el-slider style="width: 200px;" :step="0.1" v-model="form.Customer_Satisfaction" :show-tooltip="false" :max="1"></el-slider>
                                    <span style="font-size: 14px; margin: 0 10px;">{{form.Customer_Satisfaction*100}}%</span>
                                </div>
                            </el-form-item>
                        </el-descriptions-item>
                    </el-descriptions>
                    <el-button type="primary" :loading="loading" @click="submitForm('contract')">保存</el-button>
                </el-collapse-item>
            </el-collapse>
        </el-form>
        <config-log :visible.sync="dialogVisible" :refresh.sync="Refresh"></config-log>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../component/component.js"></script>
    <script type="text/javascript" src="../../../config/config.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>

</html>